<template>
  <el-breadcrumb
    separator="/"
    class="mb-1"
    :class="{ 'mx-1': useLocale.isMob }"
    style="vertical-align: bottom"
  >
    <el-breadcrumb-item>
      <div class="flex align-center">
        <el-icon :size="18"> <User /> </el-icon><span class="pl">顧客管理</span>
      </div>
    </el-breadcrumb-item>
    <el-breadcrumb-item>顧客列表</el-breadcrumb-item>
  </el-breadcrumb>
  <user-mob v-if="useLocale.isMob"></user-mob>
   <user-pc v-else></user-pc>
</template>
<script lang="ts" setup>
import { ref, onMounted, reactive } from "vue";
import { Search, User, ArrowDown } from "@element-plus/icons-vue";
import { useLocaleStore } from "@/store/locales";
import UserMob from "./userList/UserMob.vue";
import UserPc from "./userList/UserPc.vue";
const useLocale = useLocaleStore();
</script>

<style lang="scss" scoped>

</style>
